﻿<!DOCTYPE html>
<html lang="zh-Hans" xmlns:th="http://www.thymeleaf.org">
<th:block th:include="frontInclude :: frontHeader"/>
<body class="wel-body">
<header class="headerbox pcbox" th:replace="frontInclude :: header_menu"></header>
<div class="mbox" th:replace="frontInclude :: header_menu_mobile"></div>
<!-- video -->
<div class="video-content">
    <div class="video-fixed">
        <div class="videoboxs">
            <div class="box">
                <video id="video" playsinline="" width="100%" height="95%" controls="" autoplay="" preload="none" src=""></video>
            </div>
            <div class="cha"></div>
        </div>
    </div>
</div>
<!-- video -->

<div class="con-banner">
    <div class="images pcbox"
         th:style="'background:url('+@{/img/banner3.jpg}+') no-repeat center;background-size: cover;'">
    </div>
    <img img class="mbox h500" th:src="@{/img/banner3.jpg}" alt="走进黑蝎">
    <div class="words">
        <div class="text w1280">
            <div class="tit-en tit-48 secwen">About us</div>
            <div class="tit-cn tit-36 secwen add1">走进黑蝎</div>
            <div class="line secwen add2"></div>
        </div>
    </div>
</div>
<div class="con-column secwen animate">
    <div class=" column-swiper w1280" data-s="7" data-l="6" data-m="3">
        <div class="swiper-container swiper-container-horizontal">
            <div class="swiper-wrapper">
                <div th:each="item : ${currentChildren}"
                     th:class="@{${item.active!=null && item.active==1?'swiper-slide-active':''}+' swiper-slide'}"
                     style="width: 155.571px;">
                    <a th:href="${item.pageUrl}"
                       th:class="@{${item.active!=null && item.active==1?'active':''}+' items'}">
                        <div class="span" th:text="${item.menuName}">黑蝎简介</div>
                    </a>
                </div>
            </div>
        </div>
        <div class="buts">
            <div class="swiper-button-prev swiper-button-disabled"></div>
            <div class="swiper-button-next swiper-button-disabled"></div>
        </div>
    </div>
</div>
<div class="j-news w1280">
    <div class="j-video">
        <div class="list">
            <div class="items secwen f-cb animate" th:data-id="${item.id}" th:each="item : ${page.rows}" th:data-src="${item.articleVideo}" >
                <div class="img">
                    <img class="w100" th:src="${item.articleLogo}" th:alt="${item.articleTitle}">
                </div>
                <div class="words">
                    <div class="tit" th:text="${item.articleTitle}">中天西北集团2021年大事记</div>
                </div>
            </div>
        </div>
        <div class="paga">
            <div class="text-center" th:replace="frontInclude :: pagination"></div>
        </div>
    </div>
</div>
<div th:replace="frontInclude :: footer"></div>
<script>
    $(function () {
        _number(1, 2);
        clickVideo($(".j-video .items"))

    })
</script>
</body>
</html>